<template>
  <div>
    {{start_time}}
  </div>
</template>

<script>
  export default {
    name: "dsq",
    data() {  // data   date
      return {
        start_time: '',  // 开始时间, ceated  页面创建的时候
        end_time: '',  // 结束时间, beforeDestroy  页面销毁的时候
      }
    },
    created() {
      this.start_time = new Date()  // 执行时的系统时间(毫秒)
      window.addEventListener('beforeunload', e => this.beforeunloadFn(e))
      // window.onbeforeunload = function (e) {
      //     e = e || window.event;
      //     if (e) {
      //       e.returnValue = '关闭提示';
      //     }
      //     return '关闭提示';
      //   };
      // this.time = new Date()
      // 定时器,  定时执行...
      // var jsq = setInterval(()=>{this.time = new Date()},1000);
      // clearInterval(jsq)

      // setInterval(this.get_time,1000)
    },
    methods: {
      beforeunloadFn(e) {
        debugger
        this.end_time = new Date()  // 执行时的系统时间
        var milliseconds = this.end_time - this.start_time
        console.log('beforeunloadFn'+milliseconds)
        alert(milliseconds / 1000)  // alert 在页面卸载时 不能弹出,
        window.event.returnValue = true
      }
    }
  }
</script>

<style scoped>

</style>
